<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
    <f:event type="preRenderView" listener="#{makerControllerBean.getItems}"></f:event>
    <h:head>
        <title>商品</title>
        <link href="../css/common.css" rel="stylesheet"
              type="text/css"></link>
        <link href="../css/input.css" rel="stylesheet"
              type="text/css"></link>
        <link href="../css/edit.css" rel="stylesheet"
              type="text/css"></link>
        <link href="../css/list.css" rel="stylesheet"
              type="text/css"></link>
        <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
    </h:head>
    <h:body>
        <ui:composition template="/WEB-INF/templates/horizontal_menu.xhtml">
            <ui:param name="activeIndex" value="3" />
        </ui:composition>
        <div class ="error">
            <p:messages /> 
        </div>
        <div id="main-area">
            <h:form>
                <div id="main-title">
                    <p:breadCrumb>
                        <p:menuitem value="ホーム" url="index.jsf"></p:menuitem>
                        <p:menuitem value="商品編集" url="#"/>
                    </p:breadCrumb>
                    <p:spacer height = "20px"></p:spacer>

                       <a href="index.jsf">戻る</a>
                </div>
            </h:form>           
            <h:form enctype="multipart/form-data">
                <div id="main-contents">
                    <p:panelGrid>
                        <f:facet name="header">  
                            商品情報 
                        </f:facet>
                        <p:row>
                            <p:column>
                                <h:outputLabel for="name" value="商品名 *" />
                            </p:column>
                            <p:column>
                                <p:inputText id="name" value="#{productViewBean.name}"
                                             label="Firstname" />
                            </p:column>
                        </p:row>
                        <p:row>
                            <p:column>
                                <h:outputLabel for="makerName" value="メーカー名 *" />
                            </p:column>
                            <p:column>
                                <p:selectOneMenu id="makerName"
                                                 value="#{productViewBean.makerId}">
                                    <f:selectItems value="#{makerViewBean.makerList}" var="maker"
                                                   itemLabel="#{maker.name}" itemValue="#{maker.id}" />
                                </p:selectOneMenu>
                            </p:column>
                        </p:row>
                        <p:row>
                            <p:column>
                                <h:outputLabel value="商品画像1"></h:outputLabel>
                            </p:column>
                            <p:column>
                                <div>
                                    <p:graphicImage value="/images/#{productViewBean.image1}"
                                                    height="120px" width="120px"
                                                    rendered="#{productViewBean.image1 != null}"></p:graphicImage>
                                </div>
                                <div>
                                    <p:selectBooleanCheckbox id="delImage1"
                                                             rendered="#{productViewBean.image1 != null}"
                                                             value="#{productViewBean.delImage1}" />
                                    <h:outputLabel for="delImage1" value="フアィルを削除する"
                                                   rendered="#{productViewBean.image1 != null}">
                                    </h:outputLabel>
                                    <h:outputLabel for="delImage1"
                                                   value="※ファイルを削除する場合は、チェックを入れてください。"
                                                   rendered="#{productViewBean.image1 != null}"
                                                   style="white-space: pre-wrap"></h:outputLabel>
                                </div>
                                <div>
                                    <h:outputLabel for="delImage1"
                                                   value="ファイルを変更する場合は、新しいファイルを参照してください。"
                                                   rendered="#{productViewBean.image1 != null}"
                                                   style="white-space: pre-wrap"></h:outputLabel>
                                </div>
                                <div>
                                    <h:inputFile value="#{productViewBean.file1}"
                                                 style="white-space:pre-line;" />
                                </div>
                            </p:column>
                        </p:row>
                        <p:row>
                            <p:column>
                                <h:outputLabel value="商品画像2"></h:outputLabel>
                            </p:column>
                            <p:column>
                                <div>
                                    <p:graphicImage value="/images/#{productViewBean.image2}"
                                                    height="120px" width="120px"
                                                    rendered="#{productViewBean.image2 != null}"></p:graphicImage>
                                </div>
                                <div>
                                    <p:selectBooleanCheckbox id="delImage2"
                                                             rendered="#{productViewBean.image2 != null}"
                                                             value="#{productViewBean.delImage2}" />
                                    <h:outputLabel for="delImage2" value="フアィルを削除する"
                                                   rendered="#{productViewBean.image2 != null}"></h:outputLabel>
                                    <h:outputLabel for="delImage2"
                                                   value="※ファイルを削除する場合は、チェックを入れてください。"
                                                   rendered="#{productViewBean.image2 != null}"
                                                   style="white-space: pre-wrap"></h:outputLabel>
                                </div>
                                <div>
                                    <h:outputLabel for="delImage2"
                                                   value="ファイルを変更する場合は、新しいファイルを参照してください。"
                                                   rendered="#{productViewBean.image2 != null}"
                                                   style="white-space: pre-wrap"></h:outputLabel>
                                </div>
                                <div>
                                    <h:inputFile value="#{productViewBean.file2}" />
                                </div>
                            </p:column>
                        </p:row>
                        <p:row>
                            <p:column>
                                <h:outputLabel value="商品画像3"></h:outputLabel>
                            </p:column>
                            <p:column>
                                <div>
                                    <p:graphicImage value="/images/#{productViewBean.image3}"
                                                    height="120px" width="120px"
                                                    rendered="#{productViewBean.image3 != null}"></p:graphicImage>
                                </div>
                                <div>
                                    <p:selectBooleanCheckbox id="delImage3"
                                                             rendered="#{productViewBean.image3 != null}"
                                                             value="#{productViewBean.delImage3}" />
                                    <h:outputLabel for="delImage3" value="フアィルを削除する"
                                                   rendered="#{productViewBean.image3 != null}"></h:outputLabel>
                                    <h:outputLabel for="delImage3"
                                                   value="※ファイルを削除する場合は、チェックを入れてください。"
                                                   rendered="#{productViewBean.image3 != null}"
                                                   style="white-space: pre-wrap"></h:outputLabel>
                                </div>
                                <div>
                                    <h:outputLabel for="delImage3"
                                                   value="ファイルを変更する場合は、新しいファイルを参照してください。"
                                                   rendered="#{productViewBean.image3 != null}"
                                                   style="white-space: pre-wrap"></h:outputLabel>
                                </div>
                                <div>
                                    <h:inputFile value="#{productViewBean.file3}" />
                                </div>
                            </p:column>
                        </p:row>
                        <p:row>
                            <p:column>
                                <h:outputLabel value="商品画像4"></h:outputLabel>
                            </p:column>
                            <p:column>
                                <div>
                                    <p:graphicImage value="/images/#{productViewBean.image4}"
                                                    height="120px" width="120px"
                                                    rendered="#{productViewBean.image4 != null}"></p:graphicImage>
                                </div>
                                <div>
                                    <p:selectBooleanCheckbox id="delImage4"
                                                             rendered="#{productViewBean.image4 != null}"
                                                             value="#{productViewBean.delImage4}" />
                                    <h:outputLabel for="delImage4" value="フアィルを削除する"
                                                   rendered="#{productViewBean.image4 != null}"></h:outputLabel>
                                    <h:outputLabel for="delImage4"
                                                   value="※ファイルを削除する場合は、チェックを入れてください。"
                                                   rendered="#{productViewBean.image4 != null}"
                                                   style="white-space: pre-wrap"></h:outputLabel>
                                </div>
                                <div>
                                    <h:outputLabel for="delImage4"
                                                   value="ファイルを変更する場合は、新しいファイルを参照してください。"
                                                   rendered="#{productViewBean.image4 != null}"
                                                   style="white-space: pre-wrap"></h:outputLabel>
                                </div>
                                <div>
                                    <h:inputFile value="#{productViewBean.file4}" />
                                </div>
                            </p:column>
                        </p:row>
                        <p:row>
                            <p:column>
                                <h:outputLabel for="content" value="商品説明" />
                            </p:column>
                            <p:column>
                                <p:inputTextarea rows="5" id="content"
                                                 value="#{productViewBean.content}" />
                            </p:column>
                        </p:row>
                        <p:row>
                            <p:column>
                                <h:outputLabel value="表示順序" />
                            </p:column>
                            <p:column>
                                <p:inputText value="#{productViewBean.orderId}" />
                            </p:column>
                        </p:row>
                        <p:row>
                            <p:column>
                                <h:outputLabel value="非表示フラグ" />
                            </p:column>
                            <p:column>
                                <p:selectBooleanCheckbox
                                    value="#{productViewBean.deleteFlgBool}" />
                            </p:column>
                        </p:row>
                        <p:growl id="messages" showDetail="true" />
                        <f:facet name="footer">
                            <p:row>
                                <p:column>
                                    <h:commandButton value="登録"
                                                     action="#{productControllerBean.save()}" style="margin:0"
                                                     onclick="resetValue()">
                                    </h:commandButton>
                                </p:column>
                            </p:row>
                        </f:facet>
                    </p:panelGrid>

                </div>
                <div align="right"><a href="#">▲このページのTOPへ</a></div>
            </h:form>
        </div>
    </h:body>
</html>